<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name=”viewport” content=”width=device-width, initial-scale=1″ />
<title>Nora.com书城</title>
<link href="__PUBLIC__/css/css/css.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/bootstrap/css/bootstrap-theme.min.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/bootstrap/css/docs.min.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/bootstrap/css/patch.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/css/css/font-awesome.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/css/css/font-awesome.min.css" rel='stylesheet' type='text/css' media="all" />
<link href="__PUBLIC__/css/css/slidefolio.css" rel='stylesheet' type='text/css' media="all" />
<link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/css/style.css">
<script type="text/javascript" src="__PUBLIC__/js/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/js/js/jquery.leanModal.min.js"></script>

<script type="text/javascript">
	window.onload = function(){
		var oBox = document.getElementById("box");
		var oBtn = document.getElementById("btn");
		var aBtn = oBtn.getElementsByTagName("a");
		var aPicBox = getByClass("picbox",oBox);
		for(var i=0;i< aBtn.length;i++){
			aBtn[i].index=i;
			aBtn[i].onmouseover = function(){
				for(var j=0;j<aBtn.length;j++){
					aPicBox[j].style.display="none";
					aBtn[j].className="";	
				}
				aPicBox[this.index].style.display="block";
				this.className = "act";
			}
		}
		
		function getByClass(sName,oParent){
			var obj = oParent.getElementsByTagName("*");
			var result=[];
			for(var i=0;i<obj.length;i++){
				if(obj[i].className ==sName){
					result.push(obj[i]);
				}
			}
			return result;
		}
		
		//定时器
		setInterval(function(){
			 for(var n=0;n<aBtn.length;n++){
                if(aBtn[n].className=="act"&&aPicBox[n].style.display=="block"){
                    aBtn[n].className="";
                    aPicBox[n].style.display="";
                    if(n==aBtn.length-1){
                        aBtn[0].className="act";
                        aPicBox[0].style.display="block";
                    }else{
                        aBtn[n+1].className="act";
                        aPicBox[n+1].style.display="block"
                    }
                    break;
                }
            }
        },3000);

	}
</script>
</head>

<body>
<!--<embed src="__PUBLIC__/Uploads/Love Theme.mp3" autostart="true" loop="true" width="0px" height="0px"></embed>
<!--****************首页轮转图*****************-->
<div class="box" id="box">

 <div class="box1">
     <div class="picbox" style="display:block;">
         <img src="__PUBLIC__/Uploads/photo/2.jpg" width="100%" height="100%"/>
           <div class="position1">
             <p>赌书消得泼茶香，</p>
             </div>
	      <div class="position2">
             <p>当时只道是寻常。</p>
            </div>
            <div class="shadow"></div>
        </div>
        <div class="picbox" style="display:block;">
         <img src="__PUBLIC__/Uploads/photo/3.jpg" width="100%" height="100%"/>
          <div class="position1">
             <p style="color:#fff">赌书消得泼茶香，</p>
             </div>
	      <div class="position2">
             <p style="color:#fff">当时只道是寻常。</p>
            </div>
            <div class="shadow"></div>
        </div>
        <div class="picbox">
         <img src="__PUBLIC__/Uploads/photo/6.jpg" width="100%" height="100%"/>
          <div class="position1">
             <p>赌书消得泼茶香，</p>
             </div>
	      <div class="position2">
             <p>当时只道是寻常。</p>
            </div>
            <div class="shadow"></div>
        </div>
        <div class="picbox">
         <img src="__PUBLIC__/Uploads/photo/1.jpg" width="100%" height="100%"/>
          <div class="position1">
             <p>赌书消得泼茶香，</p>
             </div>
	      <div class="position2">
             <p>当时只道是寻常。</p>
            </div>
            <div class="shadow"></div>
        </div>
        <div class="picbox">
         <img src="__PUBLIC__/Uploads/photo/7.jpg" width="100%" height="100%"/>
          <div class="position1">
             <p class="h1-a">赌书消得泼茶香，</p>
             </div>
	      <div class="position2">
             <p class="h1-b">当时只道是寻常。</p>
            </div>
            <div class="shadow"></div>
        </div>
        <div class="picbtn" id="btn">
         <a href="javascript:void(0)" class="act"></a>
            <a href="javascript:void(0)"></a>
            <a href="javascript:void(0)"></a>
            <a href="javascript:void(0)"></a>
            <a href="javascript:void(0)"></a>
        </div>
    </div>

<!--****************navigation****************-->
<div class="navigation">
<ul class="nav">

    <li><a class="scroll" href="#loginmodal" class="flatbtn" id="modaltrigger">Log in</a></li>
    <!--****************弹窗****************-->
        <div id="loginmodal" style="display:none;">
            <h1>用户登录</h1>
            <form method="post"  action="__URL__/checkLogin" id="loginform">

                    <fieldset>
                        <label for="username">用户名:</label>
                        <input type="text" name="username" id="username" class="txtfield" tabindex="1">

                        <label for="password">密码:</label>
                        <input type="password" name="password" id="password" class="txtfield" tabindex="2">

                        <label for="password"> 验证码:</label>
                        <input type="text" name="verify" class="txtfield" tabindex="3">
                        <img id="verifyImg" src="__APP__/Admin/Index/verify" onClick="fleshVerify()" BORDER="0" ALT="点击刷新验证码" style="cursor:pointer;width:150px" >
                    </fieldset>

                    <div class="center"><input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="登录" tabindex="3"></div>
                </form>
        </div>
        <script type="text/javascript">
        $(function(){
        $('#loginform').submit(function(e){
        return false;
        });

        $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" });
        });
        </script>
     <!--****************弹窗结束****************-->   
    <li><a class="scroll" href="#about-us">About us</a></li>
    <li><a class="scroll" href="#reg">Reg</a></li>
    <li><a class="scroll" href="__URL__/book">Book</a></li>
    <li><a class="scroll" href="#box">Home</a></li>
    <li><a class="scroll" href="#box" onClick="javascript:alert('确认退出？');">Logout</a></li>
   
</ul>	
</div>
<!-- //navigation -->

</div>
<!--****************圆角矩形****************-->   
    <div class="bottom">
	<div class="meiwen">
	<div class="radius">
		<img src="__PUBLIC__/Uploads/photo/u=609988756,979097904&fm=21&gp=0.jpg" width="350px" height="300px"/>
	</div><!-- //radius结束 --> 

	<div class="rfont">
	  <h1>腹有诗书</h1>
	  <p>心有明灯，便不会迷路，便可拒绝黑暗、胆怯，拥有一份明朗的心情，一份必胜的信念，一份坦荡的胸怀……心有小窗，便有亮丽的阳光进来，小酌一些温暖的故事，便有自由清风邀约一些花香或者白云。心有琴弦，纵然客去茶凉，仍有小曲缓缓响起，仍有满树桂花知音而化为酒香。</p> 

      <p>心有栅栏，然后青藤爬过，那些小秘密点缀其中，像叶片下小憩的蝴蝶，做梦一般，只能用花粉形容。心有玉阶，满阶是香囊佩瑶，满阶是锦言妙计，还有玲珑小贝和神秘念珠。于是孤独不再降临，花瓶不再寂寞。心有圣殿，供奉着高贵，尊严、善良、理想和追求……这都是些美丽的神灵。由此，而不可侵犯；由此，而拥有世界和自己。</p>
	</div><!-- //rfont结束 --> 
	</div><!-- //meiwen结束 -->

	<div class="intro" id="about-us">
		<div class="radius-intro">

		</div><!-- //radius-intro结束 -->
        <div class="dongtai">
        
        <div style="margin:80px 0 80px 200px">
  <div class="loader font1">
  <span>L</span>
  <span class="span2">O</span>
  <span class="span3">A</span>
  <span class="span4">D</span>
  <span class="span5">I</span>
  <span class="span6">N</span>
  <span class="span7">G</span>
</div>

<div class="loader font2">
  <span>L</span>
  <span class="span2">O</span>
  <span class="span3">A</span>
  <span class="span4">D</span>
  <span class="span5">I</span>
  <span class="span6">N</span>
  <span class="span7">G</span>
</div>

<div class="loader font3">
  <span>L</span>
  <span class="span2">O</span>
  <span class="span3">A</span>
  <span class="span4">D</span>
  <span class="span5">I</span>
  <span class="span6">N</span>
  <span class="span7">G</span>
</div>

<div class="loader font4">
  <span>L</span>
  <span class="span2">O</span>
  <span class="span3">A</span>
  <span class="span4">D</span>
  <span class="span5">I</span>
  <span class="span6">N</span>
  <span class="span7">G</span>
</div>
</div>
<div style="text-align:center;clear:both">
<script src="__PIBLIC__/js/js/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="__PIBLIC__/js/js/follow.js" type="text/javascript"></script>
    </div><!--动态文字结束-->
        
        </div>
	    <div class="intro-p">
			<p class="p1">Comfort</p>
			<p class="p2">Convenience</p>
			<p class="p3">Comprehensive</p> 
		</div><!-- //intro-p结束 -->
	 </div><!-- //intro结束 -->

	 <div class="about-us">
		<p class="ap1">About Us</p>
		<p class="ap2">We are a good team.</p>
		<p class="ap3">Are united as one and are concentrating us efforts on.</p>
		<p class="ap4">The aim is to provide you with the best quality service.</p>
	 </div>

	<div class="reg" id="reg">
	<form method="post" class="form-horizontal" action="main.html">
	<h1>用户注册</h1>

	  <div class="form-group">
		<label for="inputPassword31" class="col-sm-2 control-label">姓&nbsp;&nbsp;&nbsp;名：</label>
		<div class="col-sm-8">
		  <input type="password" class="form-control" name="username" id="inputPassword31" placeholder="姓名">
		</div>
	  </div>

	  <div class="form-group">
		<label for="inputEmail3" class="col-sm-2 control-label">Email：</label>
		<div class="col-sm-8">
		  <input type="email" class="form-control" id="inputEmail3" name="email" placeholder="Email">
		</div>
	  </div>

	  <div class="form-group">
		<label for="inputPassword3" class="col-sm-2 control-label">密&nbsp;&nbsp;&nbsp;码：</label>
		<div class="col-sm-8">
		  <input type="password" class="form-control" name="pass" id="inputPassword3" placeholder="密码">
		</div>
	  </div>
      
      <div class="form-group">
		<label for="inputPassword3" class="col-sm-2 control-label">城&nbsp;&nbsp;&nbsp;市：</label>
		<div class="col-sm-8">
		 <select class="form-control">
          <option>请选择</option>
          <option>北京</option>
          <option>上海</option>
          <option>杭州</option>
          <option>哈尔滨</option>
          <option>大连</option>
        </select>
		</div>
	  </div>

	  <div class="form-group">
		<div class="col-sm-offset-2 col-sm-10">
		  <button type="submit" class="btn btn-default" id="btnreg">注册</button>
		</div>
	  </div>

	</form>

	</div><!-- //reg结束 -->
    </div><!-- //bottom结束 -->
	<div class="emile">
	  <div class="efont">
		<h3>联系我们：</h3>
		<ul>
			<li>240158077@qq.com</li>
			<li>136 xxxx xxxx</li>
			<li>24xxxxxxx</li>
		</ul>
		<h4>版权所有 2006-2015 Nora-书城(www.nora.com)</h4>
		<h4>Copyright © 2006-2015 www.nora.com All rights reserved.</h4>
		</div>
	</div><!-- //emile结束 -->    
</body>
</html>